@charset "utf-8";
@import "common/common";
.game_one {
         display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;


.game_onebg {
    width: 100%;
    height: 100%;
    //  position: absolute;
    img {
        width: 100%;
        height: 100%;
    }
}
.game_onetop{
     position: absolute;
        top: 3rem;
    left: 5rem;
    img {
        width: 75%;
    }
}
.game_onem{
    position: absolute;
    top: 3.5rem;
    right: 5.5rem;
}
.game_onelog{
     position: absolute;
          top: 10rem;
    left: 8rem;
    animation: baffle 2s linear  infinite;
        animation-fill-mode: forwards;
      
    img {
            width: 55%;
    }
}
.game_onedi{
     position: absolute;
           bottom: 5rem;
    left: 3rem;
    img {
        width: 85%;
    }
}
.game_onebu{
     position: absolute;
           bottom: 2.5rem;
    left: 6rem;
    img {
        width: 70%;
    }
}
.game_one_bot{
     position: absolute;
     bottom: 5.3rem;
    left: 4rem;
    letter-spacing: 0.5rem;
    img {
        width: 4%;
    }
}
}
//@keyframes baffle{
//  0%{
//      opacity: 0;
//  }
//  to{
//      opacity: 1;
//      transform: translateX(1px);
//  }
//}
@keyframes baffle {
    0% {
        transform: rotateZ(0deg);
    }
    25% {
        transform: rotateZ(5deg);
    }
    50% {
        transform: rotateZ(0deg);
    }
    75% {
        transform: rotateZ(20deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}

.space {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    .space_bg {
        width: 100%;
        height: 100%;
        //  position: absolute;
        img {
            width: 100%;
            height: 100%;
        }
    }
    .space_center {
        position: absolute;
        top: 10rem;
        left: 0rem;
        img {
            width: 100%;
        }
    }
    .space_bottom {
        position: absolute;
        bottom: 1rem;
        left: 6rem;
        img {
            width: 65%;
        }
    }
    .space_fen {
        position: absolute;
        top: 3rem;
        left: 3rem;
        h2 {
            font-size: 2rem;
            color: white;
            font-weight: 500;
        }
        p {
            color: white;
            font-size: 2rem;
            b {
                font-size: 2rem;
                font-weight: 900;
                color: #fdf86f;
            }
        }
    }
}